<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Sugar</title>
</head>

<body>
  <script>
    /* 
      短路运算 ||
        左边 || 右边     
          - 如果左边结果为 假值( ''  0  NaN  undefined  null false )，使用右边的值。


      短路运算 &&
        左边 && 右边
          - 如果左边结果为 真值(除了假值，其他皆为真值)，使用右边的值。
    */
    const imgSrc1 = 'logo.jpg' || './static/empty.png'
    const imgSrc2 = '' || './static/empty.png';
    const imgSrc3 = undefined || './static/empty.png';

    console.log('使用的图片路径', imgSrc1);   // 'logo.jpg'
    console.log('使用的图片路径', imgSrc2);   // './static/empty.png'
    console.log('使用的图片路径', imgSrc3);   // './static/empty.png'
  </script>
</body>

</html>